<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 内部样式01 -->
<!-- 		<style type="text/css">
			/* 标签选择器 */
			div{
				color: burlywood;
				font-size: 18px;
			}
			/* 类选择器 */
			.main{
				color: chartreuse;
				font-size: 30px;
			}
			/* id选择器 */
			#a1{
				color: aqua;
				font-size: 35px;
			}
			#a2{
				color: blue;
			}
		</style> -->
		<!-- 内部样式02 -->
		<style type="text/css">
			/* 后代选择器 */
			.main span{
				color: red;
			}
			/* 多选择器 */
			#a2,#a1,div{
				color: blue;
			}
		</style>
		
		<!-- 外部样式 -->
		<!-- <link rel="stylesheet" type="text/css" href="style01.css"/> -->
	</head>
	<body>
		<!-- 行内样式 -->
		<div style="color: black;font-size: 20px;">大家早上好！</div>
		<div class="main" id="a2">大家中午好！</div>
		<div id="a1">大家下午好！</div>
		<div>大家晚上好！</div>
		<div class = "main">大家天天好！
			<span>大家666</span>
		</div>
	</body>
</html>
